* {
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100%;
}

/*--@Desc vu-app app的容器--*/
#vuu-app {
  position: relative;
  width: 100%;
  height: 100%;
  background: #f2f2f2;
  overflow: hidden;
}

/*--@Desc vu-page app的每一个页面容器--*/
/*--@desc absolute 为了脱离文档流*/
.vuu-page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/*--@Desc vu-content 内容区域--*/
.vuu-content, .vuu-content-t, .vuu-content-b, .vuu-content-tb {
  position: relative;
  height: 100%;
  background: #f2f2f2;
  box-sizing: border-box;
}

.vuu-content-t {
  padding-top: 51px;
}

.vuu-content-b {
  padding-bottom: 51px;
}

.vuu-content-tb {
  padding-top: 51px;
  padding-bottom: 51px;
}

.vuu-small-title {
  font-weight: bold;
  text-align: center;
  line-height: 40px
}

/*@desc table-ceil 内容垂直居中*/
.table-ceil {
  display: table-cell;
  vertical-align: middle;
  width: inherit;
  height: inherit;
}

/*@desc line-05 0.5px线*/
.line-05-top, .line-05-bottom, .line-05-center {
  position: relative;
}

.line-05-top:after, .line-05-bottom:before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: #DDE3E9;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.line-05-center:after {
  content: '';
  position: absolute;
  top: 10%;
  height: 80%;
  width: 1px;
  background: #DDE3E9;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}

.line-05-center:after {
  left: 50%;
}

.line-05-top:after {
  top: 0;
}

.line-05-bottom:before {
  bottom: 0
}

@media (min-width: 768px) {
  #vuu-app {
    margin: 0 auto;
    width: 768px;
  }

}
